doctype html
html(lang="en")
  head
    meta(charset='utf-8')
    meta(name='viewport', content='width=device-width, initial-scale=1, user-scalable=no')
    title= "ShareZ"
    link(rel='stylesheet', href='//netdna.bootstrapcdn.com/bootstrap/3.0.1/css/bootstrap.min.css')
    script(src='./javascripts/lib/jquery.js')
    script.
      $(document).on('submit','form#loginForm',function(){
        window.top.location.reload();
      });
  body
    .bg-image-login
      .container(style="padding-top:10px")
        .row
          .col-lg-3.col-md-2.col-sm-2
          .col-lg-6.col-md-8.col-sm-8.col-xs-12
            .panel.panel-default
              .panel-heading
                p.panel-title(style="color: #3A7BA6 ; font-weight: bold " ) Please login to ShareZ
              .panel-body
                if (message)
                  p #{message}
                br
                form(id="loginForm", role='form', action="/login",method="post", style='max-width: 300px;')
                  .form-group
                    input.form-control(type='text', name="email", placeholder='Enter email')
                  .form-group
                    input.form-control(type='password', name="password", placeholder='Password')
                  button.btn.btn-default(type='submit') Submit
                  &nbsp;
                  a(href='/')
                    button.btn.btn-primary(type="button") Cancel
                    a(href='/reset' target="_blank")
                      p(style="padding-top:10px") forgot your password?
          .col-lg-3.col-md-2.col-sm-2
